<template>
  <div>
    <div class="custom-progress-bar">
      <!-- 在这里添加你自定义的进度条组件或样式 -->
    </div>
    <video class="video1" width="320" height="240" controls preload="auto">
      <source :src="url" :poster="pic" type="video/mp4">
      <!-- <source src="movie.ogg" type="video/ogg"> -->
      您的浏览器不支持 HTML5 video 标签。
    </video>
  </div>
</template>

<script>
import { getVideoDetail } from "@/api/video/video";

export default {
  name: "VideoNormal",
  components: {
  },
  props: {
    url: {
      required: true,
      type: String
    },
    pic: {
      type: String,
      default: ""
    },
  },
  data() {
    return {
      id: this.$route.params.id,
      video: {},
    }
  },
  created() {
  },

  methods: {
  },
}
</script>

<style >
.video1 {
  margin-top: 50px;
  margin-left: 50px;
  width: 800px;
  height: 500px;
}
</style>
